<template>
  <div id="app">
    <LayoutHeader />
    <Index />
    <MiniPlayer />
    <Player />
    <Playlist />
  </div>
</template>

<script>
import LayoutHeader from '@/components/layout/01.header'
import Index from "@/components/layout/02.index"
import MiniPlayer from "@/components/layout/03.mini-player"
import Player from '@/components/layout/04.player'
import Playlist from "@/components/layout/05.playlist"
export default {
  name: 'app',
  metaInfo() {
    return {
      title: '我永远喜欢宫胁咲良'
    }
  },
  components: {
    LayoutHeader,
    Index,
    MiniPlayer,
    Player,
    Playlist
  }
};
</script>

<style lang="scss">
#app {
  height: 100%;
  background-color: var(--body-bgcolor);
  font-size: $font-size;
}
</style>
